/*个人中心层叠样式*/
*{
    margin:0;
    padding: 0;
}
body{
    margin:0;
    padding: 0;
}
@media only screen and (max-width:650px) and (min-width:350px){
/*-----------------------------------------------------------主页面*/
.container{
    min-width:350px;
    max-width: 650px;
    padding: 0;
}
/*-------------------------------------页头*/
header{
    padding:0;
    min-width:350px;
    max-width: 650px;
}
.header_line{
    float:left;
    width:100%;
    height:40px;
    background:#171278;
}
/*------------------------------返回键*/
.btn_left{
    float:left;
    z-index:6;
    width:40px;
    height:40px;
    border:none;
    border-radius:0;
    background:#171278;
}
.glyphicon-menu-left{
    margin:8px 0 0 8px;
    color: white;
    font-size: 24px;
}
/*个人中心标题*/
.header_title{
    float:right;
    margin-right: 44%;
    z-index:6;
    height:40px;
    line-height: 40px;
    color:white;
    font-size:1.3em;
}
/*-------------------------------------账户信息*/
.user_line{
    display: flex;
    width:100%;
    padding: 10px 10px 10px 10px;
}
.user_img{
    float:left;
    width:24.3%;
    height:100%;
    border-radius:50%;
    text-align: right;
}
.user_me{
    float:left;
    width:100%;
}
.user_name{
    float:left;
    display: block;
    width:100%;
    padding:4% 0 0 8%;
    font-size:1.2em;
    color:grey;
}
.user_text{
    float: left;
    width:100%;
    padding:4% 0 0 8%;
   color:darkgray;
}
/*------------------------------------------------------------网页中间内容*/
/*------------------------------搜索条件分类*/
.search_down{
    min-width:350px;
    max-width: 650px;
    display: flex;
}
.search_down_li{
    flex: 1;
    text-decoration: none;
    border-right:1px solid gainsboro;
    border-top:1px solid gainsboro;
    width:100%;
    height:30px;
    line-height:30px;
    color:black;
    font-size: 0.8em;
    text-align: center;
    background: ghostwhite;
}
.search_down_li:nth-child(1){
    background: white;
}
.search_down_li:nth-child(4) div{
    border-right:none;
}
/*-----------------------------待付款、待发货、待收货、售后*/
.like_style{
    min-width: 350px;
    max-width: 650px;
}
.list_d{
    margin-top:50px;
}
.list_d span{
    margin-top:10px;
    display: block;
    width:100%;
    font-size: 1.4em;
    color:gray;
    text-align: center;
}
.list_menu{
    width:100%;
}
.list_li{
    width:100%;
    height:112px;
    padding-top: 10px;
    padding-left:10px;
    list-style: none;
    margin-top:10px;
    border-top:1px solid lightgray;
    border-bottom:1px solid lightgray;
}
/*----------------------复选框按钮*/
.xuandiv{
    float:left;
    margin-top:30px;
    width: 14px;
    height: 14px;
}
.input_check{
    float: left;
    width: 14px;
    height: 14px;
    border-radius:7px;
    -webkit-appearance: none;
    background: url(../images/wei.png);
    background-size: 14px;
}
input[type="checkbox"]:checked{
    outline: none;
}
.list_img{
    float:left;
    margin-left:6px;
    width:80px;
    height:80px;
    display: block;
}
.list_img img{
    width: 100%;
    height: 100%;
}
.list_two{
    float:left;
    margin-left:10px;
    width:65%;
    color:gray;
}
.list_w{
    display: block;
    width: 100%;
    margin-top:10px;
    font-size: 1.2em;
    color:#333;
}
.list_w:nth-child(1){
    float:left;
    width:90%;
    height:24px;
    margin-top:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.list_w:nth-child(2){
    display: flex;
    width:100%;
}
.list_l{
    flex:1;
    float:left;
    text-align:left;
    font-size:1.1em;
    color:#bb2627;
    font-weight: bold;
}
.list_l:nth-child(2){
    text-align:center;
    line-height: 30px;
    color: #333;
}
.list_gray{
    font-size:0.9em;
    color:gray;
}
.list_out{
    font-size: 0.7em;
    text-align:left;
    margin-left:10px;
    margin-top:4px;
    color:gray;
}
.list_red{
    color:#bb2627;
}
.list_st{
    text-decoration: line-through;
}
.reduce,.plus{
    float:left;
    width:30px;
    height:30px;
    border:none;
    background: #F5F5F5;
}
.shop_count{
    float:left;
    text-indent: 10px;
    /*padding:0 10px;*/
    width:40px;
    height:30px;
    background:#F5F5F5;
    border:none;
    margin:0 5px;
}
.delete{
    float:right;
    margin-right:10px;
}
.list_three{
    float:left;
    margin-top:-14px;
    padding-right:10px;
    width:100%;
    text-align: right;
}
.list_three button{
    padding:4px;
    margin-right:20px;
    background:#ff0036;
    color:white;
    border:none;
    border-radius: 4px;
}
/*-------------------------------------全选按钮*/
.all{
    display: flex;
    float:left;
    width:100%;
    height:55px;
    line-height: 55px;
    border-top:1px solid lightgray;
    border-bottom:1px solid lightgray;
    margin-bottom: 100px;
}
.all_xuan{
    flex: 2;
    float:left;
}
.all_xuan input{
    float: left;
    margin-top:20px;
    margin-left: 10px;
}
.all_title {
    float: left;
    margin-left: 10px;
    color:gray;
}
.all_money{
    flex: 6;
    text-align: center;
}
.all_money span{
    color:#bb2627;
    font-weight: bold;
    font-size:1.2em;
}
.all_sub{
    flex: 2;
    float:left;
}
.all_sub button{
    text-align: center;
    width:54px;
    height:34px;
    line-height: 34px;
    background: #ff0036;
    border:none;
    color:white;
    border-radius: 4px;
}
/*js分类按钮对应css样式*/
.list_a{
    display:block;
}
.list_b,.list_c,.list_d{
    display:none;
}
/*--------------------------------------底部固定：分类、订单、购物车、个人中心*/
.search_down{
    min-width:350px;
    max-width: 650px;
    display: flex;
}
.foot_li{
    flex: 1;
    background: #FFFFFF;
    box-sizing: border-box;
    padding:4px 0;
    border-right: 1px solid #CCCCCC;
    text-align: center;
}
.btnnav{
    display:inline-block;
    width:40px;
    height:40px;
    padding: 4px 2px;
    border:none;
    border-radius:0;
    text-align: center;
}
.glyphicon-th-list,.glyphicon-tag,.glyphicon-shopping-cart,.glyphicon-user{
    font-size: 30px;
    color:white;
}
.foot_li div{
    width:100%;
    height:20px;
    color:#666666;
    text-align: center;
}
.foot_li:last-child{
    border-right:none;
}
.glynav,.btnnav{
    background: white;
    color:gray;
}
}